* {
	padding: 0;
	margin: 0;
	list-style: none;
	box-sizing: border-box;
}

html,
body {
	margin: 0 auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
header,
section,
footer {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 "微软雅黑";
	color: #666666;
}

body {
	overflow-x: hidden;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal
}

ul,
ol,
dl {
	list-style: none
}

a {
	text-decoration: none;
	outline: none;
	font-family: "微软雅黑";
	color: #666666;
	cursor: pointer;
	font-size: 12px;
}

li {
	font-size: 12px;
	font-family: "微软雅黑";
	list-style: none;
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
	font-size: 12px;
}

body,
p,
span {
	font-family: "微软雅黑";
}

img {
	border: none;
}

p {
	margin: 0px;
	padding: 0px;
	word-wrap: break-word;
}

:focus {
	outline: none;
}

img {
	border: 0;
	vertical-align: middle;
	display: inline-block;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.clear:after {
	display: block;
	content: '';
	clear: both;
}

.transtion {
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}





/**/
.header-box{position: relative;}
.header{width: 1200px;margin: 0 auto;height: 90px;position: relative;}
.header .logo{float: left;font-size: 0;line-height: 90px;}
.header .search{float: right;}
.header .search .tel{margin: 10px 0;text-align: right;}
.header .search .tel img{vertical-align: top;margin-top: 2px;margin-right: 10px;}
.header .search .tel span{font-size: 18px;font-weight: bold;color: #121f43;}
.header .search .sea{border: 1px solid #dedede;border-radius: 5px;height: 30px;width: 180px;line-height: 30px;}
.header .search .sea span{cursor: pointer;font-size: 0;float: left;margin-left: 10px;}
.header .search .sea input{border: none;float: right;line-height: 26px;width: 140px;font-size: 14px;text-align: right;margin-right: 10px;}
.header-box .nav-box{position: absolute;top: 90px;left: 0;width: 100%;height: 60px;background: rgba(0,0,0,0.75);z-index: 99;}
.header-box .nav-box .nav{width: 1200px;margin: 0 auto;}
.header-box .nav-box .nav ul{height: 60px;}
.header-box .nav-box .nav ul li{float: left;width: 150px;}
.header-box .nav-box .nav ul li a{color: #fff;display: block;line-height: 60px;text-align: center;font-size: 16px;transition: all 0.3s;}
.header-box .nav-box .nav ul li a.on{color: #fff;background: #e77918;}
.header-box .nav-box .nav ul li a:hover{color: #fff;background: #e77918;}

.banner{}
.banner li{height: auto;text-align: center;}
.banner li img{max-width: 100%;max-height: 100%;}

.index-title{text-align: center;margin: 50px 0;}
.index-title h3{font-size: 36px;color: #121f43;font-weight: bolder}
.index-title p{font-size: 14px;text-transform: uppercase;}
.hr{width: 1200px;margin: auto;border-bottom: 1px dashed #dbdbdc}

.about{background-color: #f6f7f7;padding:20px 0 50px;}
/**/
.about-list{height: 380px;background: #f6f7f7;}
.about-list dl{width: 1200px;margin: 0 auto;height: 380px;}
.about-list dl dt{float: left;line-height: 380px;}
.about-list dl dd{float: right;width: 550px;margin-left: 45px;margin-top: 35px;}
.about-list dl dd .about-title{padding-bottom: 20px;border-bottom: 1px dashed #c1c1c1;}
.about-list dl dd .about-title span{font-size: 24px;color: #404040;}
.about-list dl dd .about-title em{display: inline-block;line-height: 20px;text-transform: uppercase;margin-left: 10px;border-left: 2px solid #5f5f5f;padding-left: 10px;vertical-align: top;margin-top: 10px;color: #4f557f;font-size: 16px;}
.about-list dl dd p{font-size: 16px;color: #404040;margin: 20px 0;line-height: 30px;}
.about-list dl dd a{width: 130px;height: 34px;line-height: 34px;display: inline-block;background: #4f557f;color: #fff;text-align: center;font-size: 16px;}

/**/
.product-list{width: 1200px;margin: 0 auto;overflow: hidden;}
.product-list dl{float: left;width: 270px;position: relative;margin-right:30px;}
.product-list dl dt div{height: 315px;text-align: center;line-height: 315px;font-size: 0;border: 1px solid #505050;}
.product-list dl dt div img{max-width: 100%;max-height: 100%;}
.product-list dl dt h3{font-size: 16px;text-align: center;line-height: 50px;}
.product-list dl dd{position: absolute;top: -320px;left: 0;width: 100%;height: 317px;background: rgba(79,85,127,0.85);color: #fff;overflow: hidden;transition: all 0.3s;}
.product-list dl dd h3{text-align: center;font-size: 20px;font-weight: normal;margin-top: 50px;}
.product-list dl dd p{font-size: 16px;width: 235px;margin: 20px auto;text-indent: 2rem;}
.product-list dl dd a{display: block;width: 112px;height: 30px;border: 1px solid #fff;text-align: center;line-height: 30px;color: #fff;margin: 0 auto;font-size: 14px;}
.product-list dl:hover dd{top: 0px;}
.product-list dl:hover dt h3{color: #4f557f;}
.product-list dl:last-child{margin: 0;}

.product a.more{display: block;width: 170px;height: 50px;border: 1px solid #4f557f;text-align: center;line-height: 50px;margin: 50px auto;font-size: 16px;color: #4f557f;transition: all 0.3s;}
.product a.more:hover{background: #4f557f;color: #fff;}
.case{
/*	width: 1200px;
	margin: auto;*/
}
.case .anli_list .left ul li{margin:0 10px 25px;}
.case-list .left{
	float: left;
}
.case-list .left dl{
	width: 600px;
	height: 470px;
	position: relative;
	overflow: hidden;
}
.case-list  dl dt{
	height: 100%;
}
.case-list dl dt img{
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.case-list dl dd{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background: rgba(78,89,132,0.9);
	transition: all 0.5s;
	opacity: 0;
}
.case-list .left dl dd{
	padding-top: 200px;
}
.case-list dl dd a{
	display: block;
	width: 120px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border: 1px solid #fff;
	line-height: 30px;
	margin: auto;
	margin-top: 30px;
}
.case-list dl:hover dd{
	opacity: 1;
}
.case-list dl:hover dt img{
	transform: scale(0.8);
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-ms-transform:scale(0.8);
}
.case-list .right{
	float: right;
}
.case-list .right dl dd{
	padding-top: 60px;
}
.case-list .right dl{
	width: 580px;
	height: 225px;
	position: relative;
	overflow: hidden;
}
.case-list .right dl:nth-child(2){
	margin-top: 20px;
}
.case a.more{
	display: block;
	width: 170px;
	height: 50px;
	border: 1px solid #4f557f;
	text-align: center;
	line-height: 50px;
	margin: 50px auto;
	font-size: 16px;
	color: #4f557f;
	transition: all 0.3s;
}
.case a.more:hover{
	background: #4f557f;
	color: #fff;
}
.news{
	background: #f6f7f7;
	margin-top: 100px;
	padding: 50px 0;
}
.news_main{
	width: 1200px;
	margin: auto;
}
.news_main_list{
	text-align: center;
}
.news_main_list ul li{
	display: inline-block;
}
.news_main_list ul li:last-child{
	margin-right: 0;
}
.news_main_list ul li a{
	display: block;
	padding: 0 30px;
	line-height: 50px;
	margin-right: 46px;
	border: 1px solid #666;
	color: #666;
	font-size: 20px;
	transition: all 0.5s;
}
.news_main_list ul li a.on{
	border-color: #4f557f;
	color: #4f557f;
}

.index_news_main{
	width: 1200px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 80px;
	display: none;
}
.index_news_main.on{
	display: block;
}
.index_news_img{
	float: left;
	width: 590px;
	height: 330px;
	position: relative;
	overflow: hidden;
}
.index_news_img a{
	display: block;
	width: 100%;
	height: 100%;
}
.index_news_img img{
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.index_news_list{
	float: right;
	width: 577px;
	padding: 20px;
	background: #fff;
}
.index_news_list ul li{
	line-height: 40px;
}
.index_news_list ul li a{
	display: block;
	color: #666666;
	font-size: 16px;
}
.index_news_list ul li a:hover{
	color: #4f557f;
}
.index_news_list ul li a:hover span{
	color: #4f557f;
}
.index_news_list ul li a span{
	margin-right: 10px;
}
.index_news_list ul li:nth-child(1){
	border-bottom: 1px #e5e5e4 dashed;
	padding-bottom: 20px;
}
.index_news_time{
	float: left;
	text-align: center;
	padding: 15px;
	background: #121f43;
}
.index_news_time h3{
	color: #fff;
	font-size: 24px;
	font-weight: 100;
}
.index_news_time p{
	color: #fff;
	font-size: 12px;
}
.index_news_center{
	float: right;
	width: 430px;
}
.index_news_title{
	color: #333333;
	font-size: 24px;
}
.index_news_title span{
	float: right;
	color: #999999;
	font-size: 16px;
}
.index_news_list ul li:hover .index_news_title{
	color: #4f557f;
}
.index_news_text{
	color: #666666;
	font-size: 16px;
	line-height: 1.7;
}
.index_nesbg{
	float: left;
	width: 20px;
}
.index_time{
	float: right;
	color: #999999;
	font-size: 16px;
}
/*底部*/
.foot{
	background: #626262;
	padding-top: 30px;
	padding-bottom: 45px;
	margin-top: 100px;
}
.footer{
	width: 1200px;
	margin: auto;
	position: relative;
}
.foot_list{
	margin-bottom: 10px;
}
.foot_list ul li{
	display: inline-block;
	padding-right: 35px;
	margin-right: 35px;
	position: relative;
}
.foot_list ul li::before{
	display: block;
	content: '';
	position: absolute;
	height: 15px;
	width: 1px;
	background: #fff;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.foot_list ul li:last-child::before{
	width: 0;
}
.foot_list ul li a{
	display: block;
	color: #fff;
	font-size: 16px;
}
.foot_list ul li:hover a{
	color: #e77918;
}
.footer p{
	color: #fff;
	font-size: 16px;
	line-height: 40px;
}
p.andir a{
	margin-left: 10px;
}
.ma{
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
}
.ma img{
	width: 100%;
}
.ma p{
	text-align: center;
	line-height: 1.7;
}
/*内页*/
.center{
	width: 1200px;
	margin: auto;
	margin-top: 20px;
}
.left_nav{
	float: left;
	width: 230px;
}
.left_nav_tit{
	background: url("navBg.jpg") no-repeat;
	background-size: 100% 100%;
	height: 80px;
	padding: 10px 0;
	text-align: center;
}
.left_nav_tit p{
	color: #fff;
}
.left_nav_tit p.ch{
	font-size: 20px;
}
.left_nav_tit p.en{
	font-size: 16px;
	text-transform: uppercase;
}
.left_nav_list ul li{
	border: 1px #e6e6e6 solid;
	border-top: 0;
}
.left_nav_list ul li a{
	display: block;
	text-indent: 70px;
	line-height: 60px;
	color: #333333;
	font-size: 20px;
}
.left_nav_list ul li a.on{
	/*background:url("on.png") no-repeat;
	background-position: 50px center;*/
	color: #e77918;
	font-weight: bolder;
}
.left_nav_list ul li:hover a{
	/*background:url("on.png") no-repeat;
	background-position: 50px center;*/
	color: #e77918;
	font-weight: bolder;
}
.pro_nav_list{
	margin-top: 10px;
}
.pro_nav_list ul li{
	border: 1px #e6e6e6 solid;
	border-top: 0;
	position: relative;
	transition: all 0.5s;
}
.pro_nav_list ul li a{
	display: block;
	width: 210px;
	color: #333333;
	font-size: 20px;
	text-align: center;
	transition: all 0.5s;
	padding:20px 0;
}
.pro_nav_list ul li.on{
	background: #121f43;
}
.pro_nav_list ul li:hover{
	background: #121f43;
}
.pro_nav_list ul li a.on{
	color: #fff;
}
.pro_nav_list ul li:hover a{
	color: #fff;
}
.center_right{
	float: right;
	width: 948px;
}
.map{
	line-height: 40px;
	border-bottom: 1px solid #e6e6e6;
}
.map .fl{
	color: #244a9b;
	font-size: 20px;
}
.map .fl span{
	color: #cccccc;
}
.map .fr{
	color: #999999;
	font-size: 16px;
}
.map .fr a{
	color: #999999;
	font-size: 16px;
}
.main{
	margin-top: 20px;
	text-align: justify;
	font-size: 16px;
	line-height: 2.3;
	color: #333333;
	min-height: 700px;
}
.main img{
	max-width: 100%;
}
.main>h3{
	color: #404040;
	font-size: 36px;
	text-align: center;
	margin-bottom: 20px;
}
.fen {
	font-size: 16px;
	color: #878787;
	margin-bottom: 20px;
	text-align: center;
}
.main .fen .bdsharebuttonbox.bdshare-button-style0-16{
	display: inline;
}
.bdsharebuttonbox.bdshare-button-style0-16 a{
	float: none;
}
.pro{
	margin-top: 50px;
}
.pro ul li{
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 30px;
}
.pro ul li:nth-child(4n){
	margin-right: 0;
}
.pro ul li a{
	display: block;
}
.pro ul li .img{
	position: relative;
	height: 300px;
	overflow: hidden;
	border: 1px solid #121f43;
}
.pro ul li .img img{
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.pro_main{
	position: absolute;
	width: 100%;
	height: 100%;
	top: -100%;
	background: rgba(18,31,67,0.85);
	color: #fff;
	transition: all 0.3s;
}
.pro ul li .pro_main h3{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	margin-top: 50px;
	color: #fff;
}

.pro_main p{
	font-size: 16px;
	width: 80%;
	margin: 20px auto;
	text-indent: 2rem;
}
.pro_main span{
	display: block;
	width: 112px;
	height: 30px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin: 0 auto;
	font-size: 14px;
}
.pro ul li a>h3{
	text-align: center;
	color: #323333;
	font-size: 20px;
	line-height: 50px;
	font-weight: normal;
	transition: all 0.5s;

}
.pro ul li:hover .pro_main{
	top: 0;
}
.pro ul li:hover a>h3{
	background: #121f43;
	color: #fff;
}
.news_list{
	margin-top: 20px;
}
.news_list_top{
	border-bottom: 1px solid #e6e3e5;
	padding-bottom: 30px;
}
.news_list_top .img{
	float: left;
	width: 300px;
	height: 194px;
	position: relative;
}
.news_list_top .img img{
	max-width: 100%;
	max-height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.news_list_top .right{
	float: right;
	width: 622px;
}
.news_list_top .right h3{
	color: #404040;
	font-size: 24px;
	font-weight: normal;
}
.news_list_top:hover .right h3{
	color: #121f43;
	font-weight: bolder;
}
.news_list_top .right div{
	color: #666666;
	font-size: 16px;
}
.news_list_top .right p{
	color: #666566;
	font-size: 16px;
}
.news_list_top .right span{
	margin-top: 30px;
	display: block;
	float: right;
	width: 164px;
	text-align: center;
	color: #fff;
	line-height: 34px;
	background: #e77918;
	font-size: 16px;
}
.news_list ul li{
	border-bottom: 2px solid rgb(230, 230, 230);
	box-shadow: 0px 2px 2px 0px rgba(230, 230, 230, 0.004);
	margin-top: 30px;
}
.news_list ul li .time{
	float: left;
	width: 134px;
	height: 134px;
	background: url("news_bg.jpg") no-repeat;
	background-size: 100% 100%;
}
.news_list ul li .time h3{
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	margin-top: 20px;
	color: #b2b1b2;
}
.news_list ul li .time p{
	color: #b2b1b2;
	text-align: center;
	font-size: 20px;
}
.news_list_main{
	float: right;
	width: 800px;
}
.news_list_main h3{
	color: #404040;
	font-size: 24px;
	font-weight: normal;
}
.news_list ul li:hover .news_list_main h3{
	color: #121f43;
	font-weight: bolder;
}
.news_list_main p{
	color: #666566;
	font-size:16px;
	margin-top: 10px;
	line-height: 2.3;
}
.zhp{
	margin-top: 20px;
}
.zhp ul li a{
	display: block;
}
.zhp ul li:nth-child(2n+1) a{
	background: #e7f5ff;
}
.zhp ul li a::after{
	display: block;
	content: '';
	clear: both;
}
.zhp ul li a p{
	width: 20%;
	float: left;
	line-height: 80px;
	text-align: center;
	color: #666666;
	font-size: 16px;
}
.zhp ul li.clear{
	background: #121f43;
}
.zhp ul li.clear p{
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-right: 2px #fff solid;
	float: left;
	width: 20%;
	line-height: 50px;
}
.zhp ul li.clear p:last-child{
	border-right: 0;
}
.anli_list{
	width: 1200px;
	margin:80px auto 0px;
	margin-top: 80px;
}
.anli_list ul li{
	float: left;
	width: 280px;
	margin:0 18px 25px;
}
.anli_list ul li:nth-child(4n){
	margin-right: 0;
}
.anli_list ul li a{
	display: block;
}
.anli_list ul li a div{
	height: 238px;
	overflow: hidden;
}
.anli_list ul li a div img{
	height: 100%;
}
.anli_list ul li a p{
	text-align: center;
	line-height: 50px;
	color: #666666;
	font-size: 18px;
	transition: all 0.5s;
}
.anli_list ul li:hover a p{
	color: #fff;
	background: #244a9b;
}
.servise_list{
	margin-top: 20px;
}
.servise_list ul li{
	margin-bottom: 60px;
}
.servise_list ul li a{
	display: block;
	background: #244a9b;
}
.servise_list ul li a .img{
	width: 360px;
	height: 230px;
	float: left;
	overflow: hidden;
}
.servise_list ul li a .img img{
	height: 100%;
}
.ser_main{
	float: right;
	width: 566px;
}
.ser_main h3{
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	margin: 15px 0;
}
.ser_main h3 img{
	margin-right: 15px;
}
.ser_main p{
	color: #fff;
	font-size: 18px;
	line-height: 1.7;
	padding-left: 10px;
	background: url("serlis.png") no-repeat;
	background-position: left center;
}

/*分页*/
.page{
	clear:both;
	text-align:center;
	padding:30px 0;
}
.page a{
	display:inline-block;
	border:1px solid #DEDEDE;
}
.page a span{
	font-size:14px;
	display:inline-block;
	padding:7px 19px;
	color: #707070;
}
.page strong{display:inline-block;}
.page strong span{
	display:inline-block;
	font-size:14px;
	background:#2a7ec2;
	color:#fff;
	text-align:center;
	padding:8px 19px;
}
.page .layui-laypage .layui-laypage-curr .layui-laypage-em{
	background:#2a7ec2;
}
.msPrev,.msNext{
	font-size: 16px;
	color: #333333;
}
.msPrev a,.msNext a{
	font-size: 16px;
	color: #333333;
}